<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Home</title>

<link href="../static/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="../static/css/style.css" rel='stylesheet' type='text/css' />
	<style>
		.logins{
			background: #2da9e1;
			color: #fff;
			font-size: 1.5em;
			border: none;
			width: 100%;
			outline: none;
			-webkit-appearance: none;
			padding: .5em 0;
			transition: 0.5s all;
			-webkit-transition: 0.5s all;
			-moz-transition: 0.5s all;
			-o-transition: 0.5s all;
			margin-top: .5em;
			font-family: 'PT Sans', sans-serif;
		}
		.registers{
			background: #2da9e1;
			color: #fff;
			font-size: 1.5em;
			border: none;
			width: 100%;
			outline: none;
			-webkit-appearance: none;
			padding: .5em 0;
			transition: 0.5s all;
			-webkit-transition: 0.5s all;
			-moz-transition: 0.5s all;
			-o-transition: 0.5s all;
			margin-top: .5em;
			font-family: 'PT Sans', sans-serif;
		}
		.offer-grid{
			margin-top: 50px !important;
		}
	</style>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Real Space Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

	<script src="../static/js/jquery-1.11.1.min.js"></script>
	<script src="../static/js/bootstrap.js"></script>
	<link href="../static/css/owl.carousel.css" rel="stylesheet"/>
    <script src="../static/js/owl.carousel.js"></script>
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/jquery.cookie.js"></script>
	<script src="../static/js/vue-resource.js"></script>
</head>
<body>


	<div class="header-section">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>				  
					<div class="navbar-brand">
						<h1><a href="index.html"><span>Real </span>Space</a></h1>
					</div>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="index">主页 <span class="sr-only">(current)</span></a></li>
						<li><a href="secondlist">二手房</a></li>
						<li><a href="rentlist">租房</a></li>
						<li><a href="newhourse">新房 </a></li>
						<li><a href="community">小区</a></li>
						<li><a href="broker">经纪人</a></li>
						<li><a href="knowledge">知识</a></li>
					</ul>
					<div class="email" v-if="name==null">
						<ul>
							<li><i class="glyphicon glyphicon-log-in" aria-hidden="true"></i><a href="#" data-toggle="modal" data-target="#myModal">登陆</a></li>
							<li><i class="glyphicon glyphicon-lock" aria-hidden="true"></i><a href="#" data-toggle="modal" data-target="#myModal1">注册</a></li>
						</ul>
					</div>
					<div class="login-next" v-if="name!=null">
						<img :src="image" style="width: 40px;height: 40px;margin-top: 12px;border-radius: 50%;float: left;margin-left: 140px;">
						<p class="login-p" style="color:white;float: left;margin-top: 15px;margin-left: 5px;font-size: 20px;" v-text="name">admin</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</nav>
		</div>
	</div>



		<div class="slider">
			<div id="myCarousel" class="carousel slide">
				<!-- 轮播（Carousel）指标 -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<!-- 轮播（Carousel）项目 -->
				<div class="carousel-inner">
					<div class="item active">
						<div class="caption" style="position: absolute">
							<h3>购房知识</h3>
								<p>让买房不再问东问西，整理自己的买房之道</p>
							<a href="knowledge" class="button" class="caption-s1">know more</a>
						</div>
						</div>
						<img src="../static/images/bnr1.jpg" alt="First slide" style="width: 100%;height: 600px;">
					</div>
					<!--<div class="item">-->
                        <!--<div class="caption" style="position: absolute">-->
                            <!--<h3>购房知识</h3>-->
                            <!--<p>让买房不再问东问西，整理自己的买房之道</p>-->
                            <!--<a href="#" class="button">know more</a>-->
                        <!--</div>-->
						<!--<img src="../static/images/bnr2.jpg" alt="Second slide" style="width: 100%;height: 600px;">-->
					<!--</div>-->
					<!--<div class="item">-->
                        <!--<div class="caption" style="position: absolute">-->
                            <!--<h3>购房知识</h3>-->
                            <!--<p>让买房不再问东问西，整理自己的买房之道</p>-->
                            <!--<a href="#" class="button">know more</a>-->
                        <!--</div>-->
						<!--<img src="../static/images/bnr3.jpg" alt="Third slide" style="width: 100%;height: 600px;">-->
					<!--</div>-->
				</div>
				<!-- 轮播（Carousel）导航 -->
				<a class="carousel-control left" href="#myCarousel"
				   data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span></a>
				<a class="carousel-control right" href="#myCarousel"
				   data-slide="next"><span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
		</div>


	<div class="content">
			<div class="friend-agent">
				<div class="container">
					<h3 class="container-h3">有好房</h3>
					<div class="friend-grids">
						<div class="col-md-4 friend-grid" v-for="(gh,index) in goodhourse" v-if="index<=2">
							<img :src="gh.image"/>
							<h4>{{gh.title}}</h4>
							<h3>{{gh.feature}}</h3>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="offering">
				<div class="container">
					<h3>新房频道</h3>
					<div class="offer-grids">

						<div class="col-md-6 offer-grid" v-for="(item,index) in newhourse" v-if="index<=5">
							<div class="offer-grid1">
								<h4><a href="single.html">东门首府</a></h4>
								<div class="offer1">
									<div class="offer-left">
										<a href="single.html" class="mask">
											<img :src="item.image" class="img-responsive zoom-img" alt=""/>
										</a>
									</div>
									<div class="offer-right">
										<h5>$ <label>{{item.price}}</label>元/㎡</h5>
										<p>{{item.feature}}</p>
										<a href="single.html"class="button1"/>details</a>
									</div>
										<div class="clearfix"></div>
								</div>
							</div>
						</div>


						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<!---Featured Properties--->
				<div class="feature-section">
					<div class="container">
						<h3>品质楼盘</h3>
						<div class="feature-grids">

							<div class="col-md-3 feature-grid" v-for="(af,index) in alldata" v-if="index<4">
								<img :src="af.image" class="img-responsive" alt="/"/>
								<h5>{{af.name}}</h5>
								<p>{{af.feature}}<a href="#">Know More</a></p>
								<span>{{af.price}}元/m²</span>
							</div>

							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			<!---Featured Properties--->
			<div class="membership">
				<div class="container">
					<h3>口碑经纪人</h3>
					<div class="membership-grids">

						<div class="col-md-4 membership-grid" v-for="(bo,index) in alldata" v-if="index<3">
							<h4>{{bo.username}}</h4>
							<div class="membership1">
								<img :src="bo.image" class="img-responsive" alt=""/>
								<ul class="member">
									成交数：<li>{{bo.times}}</li>
								</ul>
							</div>
						</div>


						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		</div>
	<div id="alert1" class="alert-box"></div>
<!-- login -->
	<div id="not-success">
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
				<div class="modal-dialog" role="document">
					<div class="modal-content modal-info">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						</div>
						<div class="modal-body real-spa">
							<div class="login-grids">
								<div class="login">

									<div class="login-right" id="login">
										<form>
											<h3>Login</h3>
											<input type="text" value="Enter your Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your Email';}" required="" id="username">
											<input type="password"  value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" required="" id="password">
											<h4><a href="#">忘记密码？</a> / <a href="#">注册账号</a></h4>
											<div class="single-bottom">
												<input type="checkbox"  id="brand" value="">
												<label for="brand"><span></span>记住我</label>
											</div>
											<button type="button" value="" class="logins">登录</button>
										</form>
									</div>

								</div>
								<p>登陆即同意<a href="#">合约</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		<!-- login  -->
		<!-- Register -->
			<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
				<div class="modal-dialog" role="document">
					<div class="modal-content modal-info">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						</div>
						<div class="modal-body real-spa">
							<div class="login-grids">
								<div class="login">
									<div class="login-right">
											<h3>Register </h3>
											<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="" id="name">
											<input type="text" value="Mobile number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Mobile number';}" required="" id="phone">
											<input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" required="" id="passwords">
											<button type="button" value="" class="registers">立即注册</button>
									</div>
									<div class="clearfix"></div>
								</div>
								<p>登陆即同意<a href="#">合约</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
	</div>
	<script src="../static/js/index.js"></script>
</body>
</html>>